<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html
  PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--#config errmsg="" --><!-- saved from url=(0022)http://help.adobe.com/ -->
<html lang="es-es">
    <head>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
        <meta name="lang" content="es-es" />
        <meta name="area" content="livedocs" />
        <title>Photoshop CS4 * Gráficos Web</title>
        <meta name="product" content="Photoshop" />
        <meta name="keywords" content="save for web, web, rollover, export to zoomify, hexidecimal, slice, photo galleries" />
        <script type="text/javascript" language="Javascript" charset="UTF-8"><!--[CDATA[
        var currentTreeNode = "WSfd1234e1c4b69f30ea53e41001031ab64-7571a.html";
// ]]--></script>
<script src="terms.js" type="text/javascript" language="Javascript" charset="UTF-8">...</script> <script src="help.js" type="text/javascript" language="Javascript" charset="UTF-8">...</script>  <script src="utilities.js" type="text/javascript" language="Javascript" charset="UTF-8">...</script> <script src="event.js" type="text/javascript" language="Javascript" charset="UTF-8">...</script> <script src="treeview.js" type="text/javascript" language="Javascript" charset="UTF-8">...</script> <script src="toc.js" language="Javascript" type="text/javascript" charset="UTF-8">..</script> 
<script type="text/javascript">
<!--[CDATA[
var headId = document.getElementsByTagName("head")[0];         
if (use_ie_6_behavior) {
    var linkId = document.createElement("link");
    linkId.href = "content-ie6.css";
    linkId.rel = "stylesheet";
    linkId.type = "text/css";
    headId.appendChild(linkId);
}
function initRoboHelpDOM() {
    if (use_robohelp_behavior) {
        hideElement("searchbar");
        hideElement("hierarchy");
        hideElement("col1");
    }
}
YAHOO.util.Event.onDOMReady(initRoboHelpDOM);
// ]]-->
</script>
<!--#include virtual="/livedocs/ssi/globalheader.ssi" -->
        <link rel="stylesheet" type="text/css" href="tree.css" />
        <link rel="stylesheet" type="text/css" href="content-fonts.css" />
        <link rel="stylesheet" type="text/css" href="content-hyperlinks.css" />
        <link rel="stylesheet" type="text/css" href="content.css" />
        <link rel="stylesheet" type="text/css" href="localeSpecific.css" />
    </head>
    <body id="content_body" onload="window.focus();">
        <a name="top"></a><div id="mnemonic">
            <div class="Photoshop"><table><tr><td class="banner">Photoshop CS4</td><td class="pod"><img src="images/PDF.gif" width="16" height="16" hspace="15" valign="50%" />&#160;&#160;
                     <a title="PDF" href="http://help.adobe.com/es_ES/Photoshop/11.0/photoshop_cs4_help.pdf">
                         PDF (adobe.com) 
                    </a></td></tr></table></div>
        </div>
        <div id="searchbar">
<!-- BEGIN SEARCH CONTENT -->
            <form class="search_form" id="search" name="search" action="search.html" target="_self">
                <img src="images/search.png" />
<script type="text/javascript">
<!--[CDATA[
function clearSearch(){
    if (document.search.q.value == terms_AHV_SEARCH_BUTTON){document.search.q.value = ""}; 
}
document.write('<input class=\"search_input\" \
        name=\"q\" \
        id=\"q\" \
        type=\"text\" \
        maxlength=\"256\" \
        value=\"' + terms_AHV_SEARCH_BUTTON + '\" onclick=\"clearSearch()\"><\/input>'); 
// ]]-->


</script> 
            </form>
        </div>
<!-- BEGIN PAGE CONTENT WRAPPER -->
        <div id="page_content_wrapper">
<!-- BEGIN PAGE WRAPPER -->
<table id="page_content_table">
<tr>
<td id="col1">
<!-- BEGIN IONCOMMENTCOUNT -->
            <div id="ionComCount">
            </div>
<!-- END IONCOMMENTCOUNT -->
<!-- BEGIN GROUP TOC WRAPPER -->
            
<!-- END GROUP TOC WRAPPER -->
<!-- BEGIN NAV WRAPPER -->
            <div id="group_toc">
<script type="text/javascript">
<!--[CDATA[
if ( typeof(terms_BOOK_SHORT) != 'undefined' ) {
  document.write("<p>" + terms_BOOK_SHORT + "<\/p>");
}
// ]]-->


</script> 
            </div>
            <div id="nav_content">
            </div>
<!-- END NAV WRAPPER -->
</td>
<td id="col2">
<!-- BEGIN CONTENT WRAPPER -->
<!-- BEGIN BREADCRUMBS -->
            
            <div id="breadcrumb">
                
<ul class="navigation"><li class="prev"><a accesskey="p" class="prev" href="WS7BFBACE3-D166-4647-8225-035EFE73A2C9.html" title="Impresión de tintas planas"><img src="images/blank.gif" alt="Anterior" width="17" height="17" /></a></li><li class="next"><a accesskey="n" class="next" href="WSC79F5E60-3E9B-44e3-8DDF-0FF1144F5711a.html" title="Vídeo y animación"><img src="images/blank.gif" alt="Siguiente" width="17" height="17" /></a></li></ul><div class="hierarchy" id="hierarchy"></div>

            </div>
<!-- END BREADCRUMBS -->
            <div id="content_wrapper">
<!-- BEGIN PAGE TITLE -->
                <h1>
                    Gráficos Web
                </h1>
<!-- END PAGE TITLE -->
                <div><div class="important"><span class="importanttitle">Importante:  </span>hay una Ayuda completa y actualizada en Internet. La aplicación no ha detectado ninguna conexión a Internet. Para consultar una versión completa de este tema, haga clic en el siguiente vínculo o busque en la Ayuda completa disponible en <a href="http://community.adobe.com/es/help" target="_blank">http://community.adobe.com/es/help</a>.</div>
<p>Las herramientas Web de Adobe Photoshop CS4 pueden ayudarle a diseñar y optimizar gráficos Web individuales o composiciones de página completas. Utilice la herramienta Sector para dividir un gráfico o página en trozos entrelazados a la perfección y aplicar diferentes ajustes de compresión e interactividad a cada segmento. El cuadro de diálogo Guardar para Web y dispositivos le permite previsualizar los diferentes ajustes de optimización y ajustar el panel de color, la transparencia y la calidad de imagen antes de guardar en varios formatos compatibles con&#160;Web.</p>
<div class="para">Las herramientas Web de Photoshop facilitan la creación de componentes para las páginas Web o de páginas Web completas en formatos preestablecidos o personalizados. <ul><li><p>Utilice capas y sectores para diseñar páginas Web y elementos para la interfaz de la página Web.</p>
</li>
<li><p>Utilice composiciones de capas para experimentar con distintas composiciones de página o para exportar las variaciones de una página.</p>
</li>
<li><p>Cree texto de rollover o gráficos de botones para importarlos en Dreamweaver o Flash.</p>
</li>
<li><p>Cree animaciones Web con el panel Animación y expórtelas como imágenes GIF animadas o archivos de QuickTime. Consulte <a href="http://help.adobe.com/es_ES/Photoshop/11.0/WSB8C58284-9DEB-44f2-9D8F-7F77594A8CC2a.html" target="_blank">Creación de animaciones de cuadros</a>.</p>
</li>
<li><p>Utilice la función Galería Web de Adobe Bridge para convertir rápidamente un conjunto de imágenes en un sitio Web interactivo con una amplia gama de plantillas de sitios con aspecto profesional.</p>
<p>Para ver un vídeo sobre el diseño de sitios Web con Photoshop y Dreamweaver, visite <a href="http://www.adobe.com/go/vid0200_es" target="_blank">www.adobe.com/go/vid0200_es</a>.</p>
</li>
</ul>
</div>
<ul class="navlinklist"></ul>
</div>

                <div id="related">
                    <div class="separator">&#160;</div>
                    <div>
</div>
                    <p><a href="http://help.adobe.com/es_ES/Photoshop/11.0/WSfd1234e1c4b69f30ea53e41001031ab64-7571a.html" title="http://help.adobe.com/es_ES/Photoshop/11.0/WSfd1234e1c4b69f30ea53e41001031ab64-7571a.html">Gráficos Web (adobe.com)</a></p><p><a href="http://help.adobe.com/es_ES/Bridge/3.0/WSCF044571-2772-4d28-9EBD-2C9F46AF008A.html" title="http://help.adobe.com/es_ES/Bridge/3.0/WSCF044571-2772-4d28-9EBD-2C9F46AF008A.html">Creación de una galería de fotografías Web en Adobe Bridge (adobe.com)</a></p>
                </div>
                <div id="footer">
                    <p><img src="images/Community.png" />&#160;<a title="ayuda de comunidad (adobe.com)" href="http://www.adobe.com/go/lr_Photoshop_community_es">ayuda de comunidad (adobe.com)</a></p>
<!-- BEGIN IONCOMMENTS -->
                    <div id="ionComHere">
                    </div>
<!-- END IONCOMMENTS -->
<!--#include virtual="ionComments.ssi" -->
                    <p id="creativecommons"><a href="http://creativecommons.org/licenses/by-nc-sa/3.0/" id="creativecommons_text"><img id="creativecommons_img" src="images/CC.png" alt="Esta obra obtiene su licencia de una licencia de Atribución-No Comercial-Licenciar Igual 3.0 Unported" /></a></p>
                </div>
            </div>
<!-- END CONTENT WRAPPER -->
</td>
</tr>
</table>
        </div>
<!-- END PAGE CONTENT WRAPPER -->
<script type="text/javascript">
<!--[CDATA[
scrollToNameAnchor();
// ]]-->
</script> 
<!--#include virtual="/livedocs/ssi/globalfooter.ssi" -->
<!--#include virtual="/ubi/analytics/analytics_ssi.html" -->
    </body>
</html>